<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6 lt8 lt9 lt10"><![endif]-->
<!--[if IE 7]><html class="ie ie7 lt8 lt9 lt10"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lt9 lt10"><![endif]-->
<!--[if IE 9]><html class="ie ie9 lt10"><![endif]-->
<!--[if (gt IE 9) | !(IE)]><!-->
<html translate="no">
<!--<![endif]-->

<head>

    <meta charset="utf-8">
    <!--xhrcms_start_author-->
    <meta name="author" content="xinhongru">
    <!--xhrcms_end_author-->
    <!--xhrcms_start_keywords-->
    <meta name="keywords" content="中国气象科普网">
    <!--xhrcms_end_keywords-->
    <!--xhrcms_start_description-->
    <meta name="description" content="中国气象科普网">
    <!--xhrcms_end_description-->

    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=0"
        name="viewport" />
    <title>中国气象科普网</title>
    <link rel="shortcut icon" href="/material/images/favicon.ico" type="image/x-icon" />
    <link rel="Bookmark" href="/material/images/favicon.ico" />
    <meta name="apple-mobile-web-app-title" content="title" />
    <link rel="apple-touch-icon" href="/material/images/icon.png" />
    <link rel="apple-touch-icon-precomposed" href="/material/images/icon.png" />
    <link rel="stylesheet" href="/material/css/animate.min.css">
    <link rel="stylesheet" href="/material/css/common.css">
    <script>
        if ( /*@cc_on!@*/ false && document.documentMode === 10) document.documentElement.className += ' ie10';
    </script>
    <script>
        if ( /*@cc_on!@*/ false && document.documentMode === 11) document.documentElement.className += ' ie11';
    </script>
    <!-- 添加IE10+Class -->
    <script src="/material/js/jquery.min.js"></script>
    <script src="/material/js/common.js"></script>
    <script src="/material/js/ratio-img.js"></script>
    <link href="/material/css/jquery.mCustomScrollbar.css" rel="stylesheet" />
    <script src="/material/js/jquery.mCustomScrollbar.js"></script>
    <script src="/material/js/wow.min.js"></script>
    <link rel="stylesheet" href="/material/css/index.css">
    <!-- <link rel="stylesheet" media="(max-width:1274px) and (min-width:600px)" href="/material/css/ipad.css">
    <link rel="stylesheet" media="(max-width:980px)" href="/material/css/Mobile.css"> -->
    <link rel="stylesheet" href="/material/css/swiper-3.4.2.min.css">
    <script src="/material/js/swiper-3.4.2.jquery.min.js"></script>
    <script src="/material/js/jquery.qrcode.min.js"></script>
    <!-- <link href="https://fonts.googleapis.com/css?family=Open Sans|Raleway" rel="stylesheet"> -->

    <!--[if lt IE 9]>
    <script src="/material/js/html5.js"></script>
    <script src="/material/js/respond.src.js"></script>
    <![endif]-->
    <!--公用文件-->
    <!--页面内引用文件-->
    <script type="text/javascript">
        //无图图像
        var nullimg = '/material/images/error.png';

        function lod(t) {
            t.onerror = null;
            t.src = nullimg;
            t.parentNode.className = 'err_position';
        }
    </script>

    <script src="/material/js/weather.js"></script>

<script>
    console.log('跳转检查执行');
    // 获取当前的 URL 地址栏内容，仅保留 URL 部分
    const currentUrl = window.location.href;
    // 提取需要匹配的 URL
    const targetUrl = "http://www.qxkp.net/";
    // 检查当前的 URL 地址栏内容是否包含目标 URL
    if (currentUrl.indexOf(targetUrl) === -1) {
        // 如果不包含目标 URL，则跳转到目标 URL
        window.location.href = targetUrl;
    }
</script>

</head>

<body>
    <div class="box">
        <div class="hraeder">
            <div class="hraederTop main">
                <div class="hraederTopLeft">
                    <div class="hraederTopLogo"> <a href="/"><img src="/material/images/logo.png" alt="" /></a></div>
                    <div class="hraederTopmoid">
                        <div class="hraederTopInput"><input type="text" id="dockeywords" placeholder="您要搜：" /></div>
                        <div class="searchImg"><a href="" onclick="searchBy();"><img src="/material/images/heard1.png" alt="" style="cursor: pointer;" /></a></div>
						<script>
   $("#dockeywords").mousedown(function(){

    $("#dockeywords").val("");
})
 
function searchBy(){

	   searchPage = 1;//默认第一页
	    var queryString = "";
 		var pageSize = 8;

		var dockeywords    = $("#dockeywords").val(); 
		if(dockeywords==null||dockeywords==""||dockeywords=="请输入关键字"){
			//window.open("/site/cqqxj/");
alert("请输入要搜索的内容！")
		}else{		
		queryString += "&dockeywords="+dockeywords;	
	 	var searchData = queryString;//保存搜索条件
	 	var formData=searchData.replace(/&/g,"}");//替换特殊字符，在地址栏传输
		 formData = decodeURIComponent(searchData, true);
	 	window.open("http://www.qxkp.net/site/qxkpw/search.html?searchWord="+dockeywords+"&siteId=50&pageSize=10",'_blank');
              
	}
}

</script> 
                    </div>
					
		
                </div>
                <div class="hraederTopRight">
                    <div class="rightText"><a href="">资源库</a> </div>
                    <div class="rightGang">|</div>
                    <div class="rightText"><a href="">活动中心</a></div>
                    <div class="rightGang">|</div>
                    <div class="rightText"><a href="">智能创作</a></div>
                    <div class="rightGang">|</div>
                    <div class="rightUser"><img src="/material/images/heard3.png" alt="" /></div>
                    <div class="rightText"><a href="">登录</a></div>
                    <div class="rightGang">/</div>
                    <div class="rightText"><a href="">注册</a></div>
                    <div class="shop"><a href=""><span><img src="/material/images/heard2.png" alt="" /></span><span>商城</span></a>
                    </div>
                </div>
            </div>
            <!-- 手机端顶部开始 -->
            <div class="nav">
                <div class="hraederTopPhone">
                    <div class="hraederTopLeft main">
                        <div class="mobileTop">
                            <div class="hraederTopmoid" style="display: none;">
                                <div class="hraederTopInput"><input type="text" /></div>

                                <div class="searchImg"><a href="" ><img src="/material/images/heard1.png" alt="" /></a></div>
								
                            </div>
                            <div class="mobileOpen">
                                <div><a href="">登录</a></div>
                                <div class="xieGang">/</div>
                                <div> <a href="">注册</a></div>
                                <img class="mobileOpenImg" src="/material/images/daohang.png" alt="" />
                            </div>
                        </div>
                        <div class="hraederTopLogo"> <a href="/"><img src="/material/images/logo.png" alt="" /></a></div>
                        <div></div>
                    </div>
                </div>
                <div class="mobileYing">
                    <div class="mobileGuanbi"><img class="mobileOutImg" src="/material/images/guanbi.png" alt="" /></div>
                    <div class="hraederTopRight">
                        <div class="rightText"><a href="">资源库</a> </div>
                        <div class="rightGang">|</div>
                        <div class="rightText"><a href="">活动中心</a></div>
                        <div class="rightGang">|</div>
                        <div class="rightText"><a href="">智能创作</a></div>
                        <div class="rightGang">|</div>
                        <div class="rightUser"><img src="/material/images/heard3.png" alt="" /></div>

                        <div class="shop"><a href=""><span><img src="/material/images/heard2.png" alt="" /></span><span>商城</span></a>
                        </div>
                    </div>

                </div>
                <div class="hraederWeatherPho">
                    <div class="headerNavCon">
                        <div class="headerNav headerNavActive"><a href="/" target="_blank">首页</a></div>
                        <div class="headerNav"><a href="./fzjz/" target="_blank">防灾减灾</a></div>
                        <div class="headerNav"><a href="./qhbh/" target="_blank">气候变化</a></div>
                        <div class="headerNav"><a href="./kjnl/" target="_blank">科技能力</a></div>
                        <div class="headerNav"><a href="./shfw/"  target="_blank">社会服务</a></div>
                        <div class="headerNav"><a href="./kpsp/" target="_blank">科普视频</a></div>
                        <div class="headerNav"><a href="./qxbk/" target="_blank">气象百科</a></div>
                        <div class="headerNav"><a href="./xj/" target="_blank">地方</a></div>
                    </div>
                    <div class="weatherImageContainer">
                        <div>
                            <div class="hraederWeatherBg" data-weather-code="00" style="display: block;">
                                <img src="/material/images/qingtian.png" alt="晴天" />
                            </div>
                            <!-- <div class="hraederWeatherBg" data-weather-code="01"><img src="/material/images/tian.png" alt="多云" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="02"><img src="/material/images/yintian.png" alt="阴" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="04"><img src="/material/images/leizhengyu.png" alt="雷阵雨" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="53"><img src="/material/images/wumai.png" alt="霾" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="20"><img src="/material/images/shachenbao.png" alt="沙尘" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="18"><img src="/material/images/wu.png" alt="雾" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="13"><img src="/material/images/xue.png" alt="雪" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="03"><img src="/material/images/yu.png" alt="雨" />
                            </div>
                            <div class="hraederWeatherBg" data-weather-code="06"><img src="/material/images/yujiaxue.png" alt="雨夹雪" />
                            </div> -->
                        </div>
                        <div class="hraederWeatherCon main">
                            <div class="headerYubao">
                                <div class="hraederWeatherLeft">
                                    <div class="hraederWeatherLeftOne">
                                        <div class="WeatherLeftOneFst">海淀</div>
                                        <div class="WeatherLeftOneTab">切换
                                            <div class="cityTabCon">
                                                <div class="cityTab">
                                                    <div class="cityTabLeft">
                                                        <ul class="cityTabLeftUl">
                                                            <!-- <li data-type="0" data-value="ABJ" class="cityTabLeftUlLi cityActive">北京</li>
                                                            <li data-type="0" data-value="ATJ" class="cityTabLeftUlLi">天津</li>
                                                            <li data-type="0" data-value="ASX" class="cityTabLeftUlLi">山西</li> -->
                                                        </ul>
                                                    </div>
                                                    <div class="cityTabRight">
                                                        <!-- <ul class="cityTabRightUl cityTabRightUlActive">
                                                            <li class="cityTabRightUlLi"><a href="">北京</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">大兴</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">顺义</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">海淀</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">朝阳</a></li>
                                                        </ul>
                                                        <ul class="cityTabRightUl">
                                                            <li class="cityTabRightUlLi"><a href="">塘沽</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">西青</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">宁河</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">宝坻</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">武清</a></li>
                                                        </ul>
                                                        <ul class="cityTabRightUl">
                                                            <li class="cityTabRightUlLi"><a href="">上党</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">临汾</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">大同</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">运城</a></li>
                                                            <li class="cityTabRightUlLi"><a href="">吕梁</a></li>
                                                        </ul> -->
                                                    </div>
        
                                                </div>
                                            </div>
                                        </div>
                                        <div class="WeatherLeftOneTime">&nbsp;</div>
                                        <div class="WeatherLeftOneShuang">&nbsp;</div>
                                    </div>
                                    <div class="WeatherLeftTwo">
                                        <div>&nbsp;</div>
                                        <div>发布</div>
                                    </div>
                                    <div class="WeatherLeftThree">
                                        <div class="WeatherLeftOneDu">15.6℃</div>
                                        <div class="WeatherLeftOnetext weatherNowFeelst">体感 18.1℃ </div>
                                        <div class="WeatherLeftOnetext shu">|</div>
                                        <div class="WeatherLeftOnetext WeatherWind">北风1级</div>
                                    </div>
                                </div>
                                <div class="hraederWeatherRight" id="mobileAlarmCon">
                                    <!-- <div class="WeatherRightDu">
                                        <div class="swiper-container swiper-containerDu">
                                            <div class="swiper-wrapper swiper-wrapperDu">
                                                <div class="swiper-slide swiper-slideDu">
                                                    <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" />
                                                    </div>
                                                    <div class="WeatherRightDuText"><span>寒潮</span><span>蓝色预警</span>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide swiper-slideDu">
                                                    <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" />
                                                    </div>
                                                    <div class="WeatherRightDuText"><span>大寒</span><span>红色预警</span>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide swiper-slideDu">
                                                    <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" />
                                                    </div>
                                                    <div class="WeatherRightDuText"><span>芒种</span><span>黄色预警</span>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide swiper-slideDu">
                                                    <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" />
                                                    </div>
                                                    <div class="WeatherRightDuText"><span>芒种</span><span>黄色预警</span>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="swiper-scrollbar swiper-scrollbarDu"></div>
                                        </div>
                                    </div> -->

                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

            <!-- 手机端顶结束 -->
            <div class="hraederWeather">
                <div class="weatherImageContainer">
                    <div class="hraederWeatherBg" data-weather-code="00" style="display: block;"><img src="/material/images/qingtian.png" alt="晴天" />
                    </div>
                    <!-- <div class="hraederWeatherBg" data-weather-code="01"><img src="/material/images/tian.png" alt="多云" /></div>
                    <div class="hraederWeatherBg" data-weather-code="02"><img src="/material/images/yintian.png" alt="阴" /></div>
                    <div class="hraederWeatherBg" data-weather-code="04"><img src="/material/images/leizhengyu.png" alt="雷阵雨" />
                    </div>
                    <div class="hraederWeatherBg" data-weather-code="53"><img src="/material/images/wumai.png" alt="霾" /></div>
                    <div class="hraederWeatherBg" data-weather-code="20"><img src="/material/images/shachenbao.png" alt="沙尘" />
                    </div>
                    <div class="hraederWeatherBg" data-weather-code="18"><img src="/material/images/wu.png" alt="雾" /></div>
                    <div class="hraederWeatherBg" data-weather-code="13"><img src="/material/images/xue.png" alt="雪" /></div>
                    <div class="hraederWeatherBg" data-weather-code="03"><img src="/material/images/yu.png" alt="雨" /></div>
                    <div class="hraederWeatherBg" data-weather-code="06"><img src="/material/images/yujiaxue.png" alt="雨夹雪" />
                    </div> -->
                </div>
                <div class="hraederWeatherCon main">
                    <div class="headerYubao">
                        <div class="hraederWeatherLeft">
                            <div class="hraederWeatherLeftOne">
                                <div class="WeatherLeftOneFst">海淀</div>
                                <div class="WeatherLeftOneTab">切换
                                    <div class="cityTabCon">
                                        <div class="cityTab">
                                            <div class="cityTabLeft">
                                                <ul class="cityTabLeftUl">
                                                    <!-- <li data-type="0" data-value="ABJ" class="cityTabLeftUlLi cityActive">北京</li>
                                                    <li data-type="0" data-value="ATJ" class="cityTabLeftUlLi">天津</li>
                                                    <li data-type="0" data-value="ASX" class="cityTabLeftUlLi">山西</li> -->
                                                </ul>
                                            </div>
                                            <div class="cityTabRight">
                                                <!-- <ul class="cityTabRightUl cityTabRightUlActive">
                                                    <li class="cityTabRightUlLi"><a href="">北京</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">大兴</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">顺义</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">海淀</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">朝阳</a></li>
                                                </ul>
                                                <ul class="cityTabRightUl">
                                                    <li class="cityTabRightUlLi"><a href="">塘沽</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">西青</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">宁河</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">宝坻</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">武清</a></li>
                                                </ul>
                                                <ul class="cityTabRightUl">
                                                    <li class="cityTabRightUlLi"><a href="">上党</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">临汾</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">大同</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">运城</a></li>
                                                    <li class="cityTabRightUlLi"><a href="">吕梁</a></li>
                                                </ul> -->
                                            </div>

                                        </div>
                                    </div>

                                </div>
                                <div class="WeatherLeftOneTime">&nbsp;</div>
                                <div class="WeatherLeftOneShuang">&nbsp;</div>
                            </div>
                            <div class="WeatherLeftTwo">
                                <div>&nbsp;</div>
                                <div>发布</div>
                            </div>
                            <div class="WeatherLeftThree">
                                <div class="WeatherLeftOneDu">&nbsp;</div>
                                <div class="WeatherLeftOnetext weatherNowFeelst">&nbsp;</div>
                                <div class="WeatherLeftOnetext shu">|</div>
                                <div class="WeatherLeftOnetext WeatherWind">&nbsp;</div>
                            </div>
                        </div>
                        <div class="hraederWeatherRight" id="hraederWeatherRight1">
                            <!-- <div class="WeatherRightDu">
                                <div class="swiper-container swiper-containerDu">
                                    <div class="swiper-wrapper swiper-wrapperDu">
                                        <div class="swiper-slide swiper-slideDu">
                                            <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" /></div>
                                            <div class="WeatherRightDuText"><span>寒潮</span><span>蓝色预警</span></div>
                                        </div>
                                        <div class="swiper-slide swiper-slideDu">
                                            <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" /></div>
                                            <div class="WeatherRightDuText"><span>大寒</span><span>红色预警</span></div>
                                        </div>
                                        <div class="swiper-slide swiper-slideDu">
                                            <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" /></div>
                                            <div class="WeatherRightDuText"><span>芒种</span><span>黄色预警</span></div>
                                        </div>
                                        <div class="swiper-slide swiper-slideDu">
                                            <div class="WeatherRightDuImg"><img src="/material/images/han.png" alt="" /></div>
                                            <div class="WeatherRightDuText"><span>芒种</span><span>黄色预警</span></div>
                                        </div>

                                    </div>
                                    <div class="swiper-scrollbar swiper-scrollbarDu"></div>
                                </div>
                            </div> -->

                            <!-- <div class="Divider"></div>
                            <div class="WeatherRightLoop">
                                <div class="WeatherRightLoopRi">今天（星期五）</div>
                                <div class="WeatherRightLoopImg"><img src="/material/images/coo2.png" alt="" /></div>
                                <div class="WeatherRightLoopWen">
                                    <div class="WeatherRightLoopWEndu">-1 - 15℃</div>
                                    <div class="WeatherRightLoopTian">
                                        <div>小雨转晴</div>
                                        <div>北风微风</div>
                                    </div>
                                </div>
                            </div>
                            <div class="Divider"></div>
                            <div class="WeatherRightLoop">
                                <div class="WeatherRightLoopRi">明天（星期六）</div>
                                <div class="WeatherRightLoopImg"><img src="/material/images/coo1.png" alt="" /></div>
                                <div class="WeatherRightLoopWen">
                                    <div class="WeatherRightLoopWEndu">-1 - 15℃</div>
                                    <div class="WeatherRightLoopTian">
                                        <div>小雨转晴</div>
                                        <div>北风微风</div>
                                    </div>
                                </div>
                            </div>
                            <div class="Divider"></div>
                            <div class="WeatherRightLoop">
                                <div class="WeatherRightLoopRi">后天（星期日）</div>
                                <div class="WeatherRightLoopImg"><img src="/material/images/coo3.png" alt="" /></div>
                                <div class="WeatherRightLoopWen">
                                    <div class="WeatherRightLoopWEndu">-1 - 15℃</div>
                                    <div class="WeatherRightLoopTian">
                                        <div>小雨转晴</div>
                                        <div>北风微风</div>
                                    </div>
                                </div>
                            </div> -->
                            
                        </div>
                    </div>
                    <div class="headerNavCon">
                        <div class="headerNav headerNavActive"><a href="/" target="_blank">首页</a></div>
                        <div class="headerNav"><a href="./fzjz/" target="_blank">防灾减灾</a></div>
                        <div class="headerNav"><a href="./qhbh/" target="_blank">气候变化</a></div>
                        <div class="headerNav"><a href="./kjnl/" target="_blank">科技能力</a></div>
                        <div class="headerNav"><a href="./shfw/"  target="_blank">社会服务</a></div>
                        <div class="headerNav"><a href="./kpsp/" target="_blank">科普视频</a></div>
                        <div class="headerNav"><a href="./qxbk/" target="_blank">气象百科</a></div>
                        <div class="headerNav"><a>地方</a>
                            <div class="headerNavUl">
                                <div><a href="./xj/" target="_blank">新疆</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="conrenOne">
			    
            <div class="conrenOneimg main"><a href="https://www.cma.gov.cn/ztbd/2025zt/20250513/index.html" target=_blank><img src="./tgw/202506/W020250603370749570931.png" /></a></div>
			
            <div class="main">
                <div class="swiper-containerOneBox">
                    <div class="swiper-container swiper-containerOne">
                        <div class="swiper-wrapper swiper-wrapperOne">
							    
                            <div class="swiper-slide swiper-slideOne">
                                <div>
                                    <div><a href="./tjtw/202505/t20250506_7046957.html" target=_blank><img src="./tjtw/202505/W020250506408595061878.jpg" /></a></div>
                                    <div class="conrenOneLeftText">雷电来了怎么办</div>
                                </div>
                            </div>
                                
                            <div class="swiper-slide swiper-slideOne">
                                <div>
                                    <div><a href="./tjtw/202406/t20240614_6349083.html" target=_blank><img src="./tjtw/202406/W020240614360514380899.jpg" /></a></div>
                                    <div class="conrenOneLeftText">科普图解：山洪地质灾害</div>
                                </div>
                            </div>
                                
                            <div class="swiper-slide swiper-slideOne">
                                <div>
                                    <div><a href="./tjtw/202407/t20240703_6395832.html" target=_blank><img src="./tjtw/202407/W020240703353925294158.jpg" /></a></div>
                                    <div class="conrenOneLeftText">应急科普丨旅游遇到暴雨怎么办？</div>
                                </div>
                            </div>
                            
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination swiper-paginationOne"></div>
                    </div>
                    <div class="conrenOneRight">
						    
                        <div><a href="./tjzx/202506/t20250627_7171272.html" title="科普一读丨龙卷风：易致灾的“小”天气"  target="_blank">科普一读丨龙卷风：易致灾的“小”天气</a></div>
                            
                        <div><a href="./tjzx/202506/t20250627_7171228.html" title="科普一读丨融雪型洪水：高温下的隐形威胁"  target="_blank">科普一读丨融雪型洪水：高温下的隐形威胁</a></div>
                            
                        <div><a href="https://www.cma.gov.cn/wmhd/2011wzbft/2011wftzb/202506/t20250626_7170178.html" title="专家解读丨全国天气呈现“雨热同台”格局 未来降水高温将如何发展"  target="_blank">专家解读丨全国天气呈现“雨热同台”格局 未来降水高温将如何发展</a></div>
                            
                        <div><a href="./tjzx/202506/t20250626_7168665.html" title="走进高校，看气象专业和就业"  target="_blank">走进高校，看气象专业和就业</a></div>
                            
                        <div><a href="./tjzx/202506/t20250627_7171497.html" title="简话冰雹是怎样形成的"  target="_blank">简话冰雹是怎样形成的</a></div>
                            
                        <div><a href="./tjzx/202506/t20250626_7168420.html" title="舟楫千里荡千年——运河文化长卷里的经济脉动"  target="_blank">舟楫千里荡千年——运河文化长卷里的经济脉动</a></div>
                            
                        <div><a href="./tjzx/202504/t20250427_7027812.html" title="欢迎订阅《中国气象报》《气象知识》"  target="_blank">欢迎订阅《中国气象报》《气象知识》</a></div>
                        
                        <!--<div><span class="xieti">活动动态: </span><span><a href=""> 英媒：气温升高，希腊蝴蝶个头可能越来越小</a></span></div>-->
                        <div class="lookBtn"><a href="./tjzx/">查看></a></div>
                    </div>
                </div>

                <div class="swiper-slideOneDwon">
                    <div class="xieti slideOneDwonLeft">最新播报：</div>
                    <div class="slideOneDwonRight">
                        <div class="marquee-box">
                            <div class="marquee-content">
								    
                                <div class="marquee-item"><span class="dian"></span><span class="miao"><a href="./gdzx/202506/t20250625_7165176.html" title="世界气象组织执行理事会第79次届会举行"  target="_blank">世界气象组织执行理事会第79次届会举行</a></span></div>
                                    
                                <div class="marquee-item"><span class="dian"></span><span class="miao"><a href="./gdzx/202506/t20250625_7165170.html" title="致敬！60年守望风云的人 许健民获第70届国际气象组织奖"  target="_blank">致敬！60年守望风云的人 许健民获第70届国际气象组织奖</a></span></div>
                                    
                                <div class="marquee-item"><span class="dian"></span><span class="miao"><a href="./gdzx/202506/t20250618_7148793.html" title="人民日报：中国气象局发布行动方案提升气象科教资源融合能力"  target="_blank">人民日报：中国气象局发布行动方案提升气象科教资源融合能力</a></span></div>
                                    
                                <div class="marquee-item"><span class="dian"></span><span class="miao"><a href="./gdzx/202506/t20250613_7138981.html" title="环印度洋国家海洋气象防灾减灾国际培训班在京开班"  target="_blank">环印度洋国家海洋气象防灾减灾国际培训班在京开班</a></span></div>
                                    
                                <div class="marquee-item"><span class="dian"></span><span class="miao"><a href="./gdzx/202506/t20250604_7116148.html" title="十项气象领域推荐性国家标准发布"  target="_blank">十项气象领域推荐性国家标准发布</a></span></div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="conrenTwo main">
            <div class="conrenTwoLoop">
                <div class="title">
                    <div class="titleText"><a href="./kpsp/" target="_blank">科普视频</a> </div>
                    <div class="titleGang"></div>
                </div>
				    
                <div class="conrenTwoVideo">
					<a href="./kpsptj/202506/t20250611_7132632.html" target=_blank><img src="./kpsptj/202506/W020250611520167107300.png" /></a>
                    <div class="open"><a href="./kpsptj/202506/t20250611_7132632.html" target=_blank><img src="/material/images/shiping.png" alt="" /></a></div>
                </div>
                <div class="conrenTwoText"><a href="./kpsptj/202506/t20250611_7132632.html" title="名家讲科普丨气象次生灾害都有啥？怎么防？"  target="_blank">名家讲科普丨气象次生灾害都有啥？怎么防？</a> </div>
				
            </div>
            <div class="conrenTwoLoop">
                <div class="title">
                    <div class="titleText"><a href="./kpkt/" target="_blank">科普看台</a></div>
                    <div class="titleGang"></div>
                </div>
                <!-- <div class="conrenTwoVideo"><video src=""></video></div> -->
				    
                <div class="conrenTwoVideo"><a href="./kpkt/202506/t20250627_7171416.html" target=_blank><img src="./kpkt/202506/W020250627354892883940.png" /></a></div>
                <div class="conrenTwoText"><a href="./kpkt/202506/t20250627_7171416.html" title="科普看台丨梅雨——自然书写的云水诗"  target="_blank">科普看台丨梅雨——自然书写的云水诗</a></div>
				
            </div>
            <div class="conrenTwoLoop">
                <div class="title">
                    <div class="titleText"><a href="./fzjz/ssqx/" target="_blank">数说气象</a></div>
                    <div class="titleGang"></div>
                </div>
                    
                <div class="conrenTwoVideo"><a href="./fzjz/ssqx/202506/t20250626_7167983.html" target=_blank><img src="./fzjz/ssqx/202506/W020250626332965078390.png" /></a></div>
                <div class="conrenTwoText"><a href="./fzjz/ssqx/202506/t20250626_7167983.html" title="数据新闻丨气象数据透视北方高温天气"  target="_blank">数据新闻丨气象数据透视北方高温天气</a></div>
				
            </div>
        </div>
        <div class="conrenThreeFore">
            <div class="conrenThree">
                <div class="conrenThreeCon main">
                    <div class="conrenThreeConRight">
						    
                        <div class="conrenThreeimgOne conrenThreeimgOneActive">
							<a href="./kjnl/fywx/zx/202504/t20250428_7032784.html" target=_blank><img src="./kjnl/fywx/zx/202504/W020250428610064151181.png" /></a>
                        </div>
							
						  
                        <div class="conrenThreeimgOne "><a href="./kjnl/qxld/zx/202503/t20250321_6938408.html" target=_blank><img src="./kjnl/qxld/zx/202503/W020250321598246168110.jpg" /></a> </div>
						
					  
                        <div class="conrenThreeimgOne "><a href="./kjnl/szyb/zx/202505/t20250515_7070686.html" target=_blank><img src="./kjnl/szyb/zx/202505/W020250515460665255707.jpg" /></a></div>
					
				  
                        <div class="conrenThreeimgOne "><a href="./kjnl/rgznhdsj/zx/202504/t20250423_7018033.html" target=_blank><img src="./kjnl/rgznhdsj/zx/202504/W020250515465333159844.jpg" /></a></div>
				
                    </div>
                    <div class="conrenThreeConLeft">
                        <div class="conrenThreeConTab">
                            <div class="switchTab switchActiveOne">
                                <div class="switchText"><a href="./kjnl/fywx/zx/"  target="_blank">风云卫星</a></div>
                                <div class="titleGangs"></div>
                            </div>
                            <div class="slash">/</div>
                            <div class="switchTab">
                                <div class="switchText"><a href="./kjnl/qxld/zx/"  target="_blank">气象雷达</a></div>
                                <div class="titleGangs"></div>
                            </div>
                            <div class="slash">/</div>
                            <div class="switchTab">
                                <div class="switchText"><a href="./kjnl/szyb/zx/"  target="_blank">数值预报</a></div>
                                <div class="titleGangs"></div>
                            </div>

                            <div class="slash">/</div>
                            <div class="switchTab">
                                <div class="switchText"><a href="./kjnl/rgznhdsj/zx/"  target="_blank">人工智能和大数据</a></div>
                                <div class="titleGangs titleGangsing"></div>
                            </div>
                        </div>
						    
                        <div class="conrenThreeConText conrenThreeimgOneActive">
                            <div class="conrenThreeConTitle"><a href="./kjnl/fywx/zx/202504/t20250428_7032784.html" title="第十个中国航天日丨风云卫星为经济社会发展写下生动注脚"  target="_blank">第十个中国航天日丨风云卫星为经济社会发展写下生动注脚</a></div>
                            <div class="conrenThreeConMiao">
                                今年4月24日是第十个“中国航天日”，主题是“海上生明月，九天揽星河”。自1988年发射第一颗风云气象卫星以来，我国已成功发射两代四型共21颗风云气象卫星，目前8颗在轨运行。
                            </div>
                            <div class="lookBtn "><a href="./kjnl/fywx/zx/202504/t20250428_7032784.html"  target="_blank">查看></a></div>
                        </div>
							
						    
                        <div class="conrenThreeConText">
                            <div class="conrenThreeConTitle"><a href="./kjnl/qxld/zx/202503/t20250321_6938408.html" title="​手绘气象史丨天气雷达的“超超超超长奋斗史”"  target="_blank">​手绘气象史丨天气雷达的“超超超超长奋斗史”</a></div>
                            <div class="conrenThreeConMiao">
                                
                            </div>
                            <div class="lookBtn "><a href="./kjnl/qxld/zx/202503/t20250321_6938408.html"  target="_blank">查看></a></div>
                        </div>
							
                            
                        <div class="conrenThreeConText">
                            <div class="conrenThreeConTitle"><a href="./kjnl/szyb/zx/202505/t20250515_7070686.html" title="数值预报中心与首师大共建智能算法与气象数值模拟创新联合实验室"  target="_blank">数值预报中心与首师大共建智能算法与气象数值模拟创新联合实验室</a></div>
                            <div class="conrenThreeConMiao">
                                5月13日，中国气象局地球系统数值预报中心与首都师范大学举行工作会谈，明确将共建智能算法与气象数值模拟创新联合实验室，持续推动气象科技研发、人才培养及成果转化。
                            </div>
                            <div class="lookBtn "><a href="./kjnl/szyb/zx/202505/t20250515_7070686.html"  target="_blank">查看></a></div>
                        </div>
							
						    
                        <div class="conrenThreeConText">
                            <div class="conrenThreeConTitle"><a href="./kjnl/rgznhdsj/zx/202504/t20250423_7018033.html" title="名士观点丨从风险管控到全球协同体系构建—— 气象领域AI治理须破“真空状态”"  target="_blank">名士观点丨从风险管控到全球协同体系构建—— 气象领域AI治理须破“真空状态”</a></div>
                            <div class="conrenThreeConMiao">
                                近年来，人工智能（AI）作为科技革命的驱动力量，正深度重塑全球各领域的发展图景。然而，气象预报预测具有高度复杂性和不确定性，迫切要求全球共同探索有效的气象领域AI治理策略。国家气象中心周康辉和代刊、中国气象局国际合作司曾沁和那晓丹在《气象学报》上撰文建议，从风险管控到全球协同体系构建等方面要加强对气象领域的AI治理。
                            </div>
                            <div class="lookBtn "><a href="./kjnl/rgznhdsj/zx/202504/t20250423_7018033.html"  target="_blank">查看></a></div>
                        </div>
							

                    </div>

                </div>

            </div>
            <div class="conrenFore">
                <div class="conrenThreeCon main">
                    <div class="conrenThreeConRight">
						    
                        <div class="conrenThreeConImgs conrenThreeConTextActive"><a href="https://www.cma.gov.cn/ztbd/2025zt/20250515/index.html" target=_blank><img src="./shfw/ny/202505/W020250521371284231831.jpg" /></a></div>
						
						    
                        <div class="conrenThreeConImgs"><a href="./shfw/jr/202506/t20250611_7133159.html" target=_blank><img src="./shfw/jr/202506/W020250611593579593013.png" /></a></div>
						
                    </div>
                    <div class="conrenThreeConLeft">
                        <div class="conrenThreeConTab">
                            <div class="switched switchActive">
                                <div class="switchText"><a href="./shfw/ny/"  target="_blank">气象+农业</a></div>
                                <div class="titleGangsTwo"></div>
                            </div>
                            <div class="slash">/</div>
                            <div class="switched">
                                <div class="switchText"><a href="./shfw/jr/"  target="_blank">气象+金融</a></div>
                                <div class="titleGangsTwo"></div>
                            </div>

                        </div>
						    
                        <div class="conrenThreeConTexts conrenThreeConTextActive">
                            <div class="conrenThreeConTitle"><a href="https://www.cma.gov.cn/ztbd/2025zt/20250515/index.html" title="共绘三夏好“丰”景 气象部门全力保障夏季农业生产"  target="_blank">共绘三夏好“丰”景 气象部门全力保障夏季农业生产</a> </div>
                            <div class="conrenThreeConMiao">
                               5月20日，中央气象台发布今年首份《全国夏收夏种气象服务专报》，2025年全国夏收夏种气象服务正式启动。预计今年夏收夏种期间，天气条件总体较好，利于开展夏收夏种。
                            </div>
                            <div class="lookBtn "><a href="https://www.cma.gov.cn/ztbd/2025zt/20250515/index.html"  target="_blank">查看></a></div>
                        </div>
						
						    
                        <div class="conrenThreeConTexts">
                            <div class="conrenThreeConTitle"><a href="./shfw/jr/202506/t20250611_7133159.html" title="天气还能理赔？丨金融气象系列科普图解"  target="_blank">天气还能理赔？丨金融气象系列科普图解</a> </div>
                            <div class="conrenThreeConMiao">
                                气候变化已成为全球性严峻挑战，气候变化风险管理迫在眉睫。
近年来，气象部门与金融机构携手探索气象指数保险、巨灾保险等创新模式，“气象 + 保险”的场景化应用，正在为防灾减损注入新动能。
                            </div>
                            <div class="lookBtn "><a href="./shfw/jr/202506/t20250611_7133159.html"  target="_blank">查看></a></div>
                        </div>
						
                    </div>

                </div>

            </div>
        </div>

        <div class="brand">
            <div class="main">
                <div class="switch">

                    <div class="titleText"><a style="cursor: none;">品牌活动</a></div>
                    <div class="titleGang"></div>
                </div>
            </div>

            <div class="brandContent main">
                <div class="brandLoop">
                    <a class="brandLoopCon" href="./pphd/sjqxr/" target="_blank">
                        <div class="brandLoopImg"><img src="/material/images/linianhuigu.png" alt="" /></div>
                        <div class="brandLoopText">世界气象日</div>
                    </a>

                </div>
                <div class="brandGang"></div>
                <div class="brandLoop">
                    <a class="brandLoopCon" href="./pphd/qxwcqxkpx/" target="_blank">
                        <div class="brandLoopImg"><img src="/material/images/earth.png" alt="" /></div>
                        <div class="brandLoopText">千乡万村气象科普行</div>
                    </a>

                </div>
                <div class="brandGang"></div>
                <div class="brandLoop">
                    <a class="brandLoopCon" href="./pphd/qxkjhdz/" target="_blank">
                        <div class="brandLoopImg"><img src="/material/images/keji.png" alt="" /></div>
                        <div class="brandLoopText">气象科技活动周</div>
                    </a>

                </div>
                <div class="brandGang"></div>
                <div class="brandLoop">
                    <a class="brandLoopCon" href="./pphd/qt/" target="_blank">
                        <div class="brandLoopImg"><img src="/material/images/qita.png" alt="" /></div>
                        <div class="brandLoopText">其他</div>
                    </a>
                </div>
            </div>

        </div>
        <div class="viewpoint">
            <div class="viewpointCintent main">
                <div class="viewpointLoop">
                    <div class="switch">
                        <div class="titleText"><a href="./zjsd/" target="_blank">专家视点</a></div>
                        <div class="titleGang"></div>
                    </div>
                    <div class="viewpointCon">
                        <ul>
							    
                            <li><a href="https://www.cma.gov.cn/wmhd/2011wzbft/2011wftzb/202506/t20250626_7170178.html" title="专家解读丨全国天气呈现“雨热同台”格局 未来降水高温将如何发展"  target="_blank">专家解读丨全国天气呈现“雨热同台”格局 ...</a> </li>
                                
                            <li><a href="https://www.cma.gov.cn/wmhd/2011wzbft/2011wftzb/202506/t20250611_7133948.html" title="专家解读丨三问今年第1号台风“蝴蝶”"  target="_blank">专家解读丨三问今年第1号台风“蝴蝶”</a> </li>
                                
                            <li><a href="./zjsd/202506/t20250606_7121675.html" title="名士观点丨三重拉尼娜事件对南极表面气候变化产生强烈影响"  target="_blank">名士观点丨三重拉尼娜事件对南极表面气候...</a> </li>
                                
                            <li><a href="https://www.cma.gov.cn/wmhd/2011wzbft/2011wftzb/202505/t20250519_7078082.html" title="专家解读丨中东部地区将出现新一轮较大范围降水过程 强对流特征明显"  target="_blank">专家解读丨中东部地区将出现新一轮较大范...</a> </li>
                                
                            <li><a href="./zjsd/202505/t20250514_7069263.html" title="专家解读丨华北黄淮将遇高温“烤”验 5月高温从何而来"  target="_blank">专家解读丨华北黄淮将遇高温“烤”验 5月...</a> </li>
                            
                        </ul>
                    </div>
                </div>
                <div class="viewpointLoop">
                    <div class="switch">
                        <div class="titleText"><a href="./qxbk/" target="_blank">气象百科</a></div>
                        <div class="titleGang"></div>
                    </div>
                    <div class="viewpointCon">
                        <ul>
                                
                            <li><a href="./qxbktj/202506/t20250609_7126961.html" title="雨打黄梅头，四十五日无日头"  target="_blank">雨打黄梅头，四十五日无日头</a> </li>
                                
                            <li><a href="./qxbktj/202505/t20250508_7052075.html" title="梅雨"  target="_blank">梅雨</a> </li>
                                
                            <li><a href="./qxbktj/202506/t20250606_7121634.html" title="夏季天气谚语分类集萃"  target="_blank">夏季天气谚语分类集萃</a> </li>
                                
                            <li><a href="./qxbktj/202505/t20250508_7051980.html" title="高温使者：副热带高压"  target="_blank">高温使者：副热带高压</a> </li>
                                
                            <li><a href="./qxbktj/202505/t20250527_7096580.html" title="小满节气农谚大全"  target="_blank">小满节气农谚大全</a> </li>
                            
                        </ul>
                    </div>
                </div>
                <div class="viewpointLoop">
                    <div class="switch">
                        <div class="titleText"><a href="http://www.qxzs.org.cn/" target="_blank">《气象知识》</a></div>
                        <div class="titleGang"></div>
                    </div>
                    <div class="viewpointLoopDu">
                        <div class="viewpointLoopLeft">
                            <div><a href="http://www.qxzs.org.cn/" target="_blank">《气象知识》创刊于1981年，由中国气象局主管、中国气象局气象宣传与科普中心（中国气象报社）和中国气象学会主办，2024年入选中国科技核心期刊（科普类）。</a>
                            </div>
                        </div>
						     
			   
			 
                        <div class="viewpointLoopRight"><a href="http://www.qxzs.org.cn/" target="_blank"><img src="http://www.qxzs.org.cn/lsqk/2025/2025_3/202506/W020250623338856793881.png" alt="" /></a></div>
				 
			
						 
                    </div>

                </div>
            </div>
        </div>
        <div class="popularBase">
            <div class="popularBaseCon main">
                <div class="switch">
                    <div class="titleText"><a style="cursor: none;">科普基地</a></div>
                    <div class="titleGang"></div>
                </div>
                <div class="popularBaseBox">
                    <div class="popularBaseLoop">
                        <div class="popularBaseLoopImg"><img src="/material/images/log1.png" alt="" /></div>
                        <div class="popularBaseLoopName"> <a href="./kpjd/cg/" target="_blank">场馆</a></div>
                        <div class="popularBaseLoopText"><a href="./kpjd/cg/" target="_blank">Meteorological science popularization venue</a>
                        </div>
                    </div>
                    <div class="popularBaseLoop">
                        <div class="popularBaseLoopImg"><img src="/material/images/log2.png" alt="" /></div>
                        <div class="popularBaseLoopName"><a href="./kpjd/yx/" target="_blank">研学</a></div>
                        <div class="popularBaseLoopText"><a href="./kpjd/yx/" target="_blank">Meteorological Research and Learning</a> </div>
                    </div>
                    <div class="popularBaseLoop">
                        <div class="popularBaseLoopImg"><img src="/material/images/log3.png" alt="" /></div>
                        <div class="popularBaseLoopName"><a href="./kpjd/hz/" target="_blank">会展</a></div>
                        <div class="popularBaseLoopText"><a href="./kpjd/hz/" target="_blank">Convention and Exhibition</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="newMedia main">
            <div class="switch">
                <div class="titleText"><a href="">新媒体</a></div>
                <div class="titleGang"></div>
            </div>
            <div class="newMediaCon">
                <div class="newMediaLoop">
                    <a href="">
                        <div class="newMediaLoopImg"><img src="/material/images/xin1.png" alt="" /></div>
                        <div class="newMediaLoopTitle">中国气象局</div>
                    </a>
                    <div class="newMediaImg">
                        <img src="/material/images/weibo1.jpg" alt="" />
                    </div>

                </div>
                <div class="newMediaLoop">
                    <a href="">
                        <div class="newMediaLoopImg"><img src="/material/images/xin2.png" alt="" /></div>
                        <div class="newMediaLoopTitle">中国气象局</div>
                    </a>
                    <div class="newMediaImg">
                        <img src="/material/images/weixin1.jpg" alt="" />
                    </div>
                </div>
                <div class="newMediaLoop">
                    <a href="">
                        <div class="newMediaLoopImg"><img src="/material/images/xin3.png" alt="" /></div>
                        <div class="newMediaLoopTitle">中国气象</div>
                    </a>
                    <div class="newMediaImg">
                        <img src="/material/images/weibo2.jpg" alt="" />
                    </div>
                </div>
                <div class="newMediaLoop">
                    <a href="">
                        <div class="newMediaLoopImg"><img src="/material/images/xin4.png" alt="" /></div>
                        <div class="newMediaLoopTitle">中国气象</div>
                    </a>
                    <div class="newMediaImg">
                        <img src="/material/images/douyin.jpg" alt="" />
                    </div>
                </div>
                <div class="newMediaLoop">
                    <a href="">
                        <div class="newMediaLoopImg"><img src="/material/images/xin5.png" alt="" /></div>
                        <div class="newMediaLoopTitle">中国气象</div>
                    </a>
                    <div class="newMediaImg">
                        <img src="/material/images/weixin2.jpg" alt="" />
                    </div>
                </div>
            </div>
        </div>
        <iframe src="/footer/index.html" frameborder="0" scrolling="no" id="footerFrame"></iframe>
        <div class="floatingWindow">
            <div><a href=""><img src="/material/images/fuchuang1.png" alt="" /></a></div>
            <div><a href=""><img src="/material/images/fuchuang2.png" alt="" /></a></div>
        </div>
    </div>
	<script>
    var swiper = new Swiper('.swiper-containerOne', {
        pagination: '.swiper-paginationOne',
        paginationClickable: true,
        loop: true,
        autoplay: 3000
    });
    $(document).ready(function () {
        $('.conrenFore .switched').hover(function () {
            // 移除所有switch的active状态
            $(this).siblings('.switched').removeClass('switchActive');
            // 给当前点击的switch添加active状态
            $(this).addClass('switchActive');

            // 获取当前点击的索引
            var index = $(this).index('.conrenFore .switched');

            // 切换文本内容
            $('.conrenThreeConTexts').removeClass('conrenThreeConTextActive');
            $('.conrenThreeConTexts').eq(index).addClass('conrenThreeConTextActive');

            // 切换图片
            $('.conrenThreeConImgs').removeClass('conrenThreeConTextActive');
            $('.conrenThreeConImgs').eq(index).addClass('conrenThreeConTextActive');
        });
    });
    $(document).ready(function () {
        $('.conrenThree .switchTab').hover(function () {
            // 移除所有switch的active状态
            $(this).siblings('.switchTab').removeClass('switchActiveOne');
            // 给当前点击的switch添加active状态
            $(this).addClass('switchActiveOne');

            // 获取当前点击的索引 - 修正选择器
            var index = $(this).index('.conrenThree .switchTab');

            // 切换文本内容
            $('.conrenThreeConText').removeClass('conrenThreeimgOneActive');
            $('.conrenThreeConText').eq(index).addClass('conrenThreeimgOneActive');

            // 切换图片
            $('.conrenThreeimgOne').removeClass('conrenThreeimgOneActive');
            $('.conrenThreeimgOne').eq(index).addClass('conrenThreeimgOneActive');
        });
    });

    // 添加输入框焦点事件处理
    $('.hraederTopInput input').on('focus', function () {
        $('.hraederTopASpan').hide();
    }).on('blur', function () {
        $('.hraederTopASpan').show();
    });
    $('.hraederTopAZi').click(function () {
        $('.hraederTopASpan').hide();
        $(this).hide()
    });
    $(document).ready(function () {
        // 复制跑马灯内容
        var $marqueeContent = $('.marquee-content');
        var $items = $marqueeContent.children().clone();
        $marqueeContent.append($items);
        $marqueeContent.append($items.clone()); // 再复制一份确保流畅
    });
    $(document).ready(function () {
        // 显示天气图片函数
        // function showWeatherImage(code) {
        //     $('.hraederWeatherBg').hide();
        //     $(`.hraederWeatherBg[data-weather-code=""]`).show();
        // }
        // // 初始化天气显示
        // const weatherCode = "00"; // 假设当前是晴天
        // showWeatherImage(weatherCode);

        // 获取当前页面路径并设置导航激活状态
        var currentPath = window.parent.location.pathname;
        $('.headerNav div a').each(function () {
            var href = $(this).attr('href');
            if (href && href !== 'javascript:void(0)' && currentPath.includes(href.split('/').pop())) {
                $(this).parent().addClass('headerNavActive');
            }
        });
    });

    var swiper = new Swiper('.swiper-containerDu', {
        scrollbar: '.swiper-scrollbar',
        scrollbarHide: true,
        slidesPerView: 'auto',
        scrollbarDraggable: true,
        draggable: true,
        centeredSlides: true,
        autoplay: 2000,
        spaceBetween: 10,
        grabCursor: true,

    });
    $(document).ready(function () {
        // 鼠标移入newMediaLoop时添加newMediaImgActive类
        $('.newMediaLoop').mouseenter(function () {
            $(this).find('.newMediaImg').addClass('newMediaImgActive');
            $(this).addClass('yuanJiao');
        });

        // 鼠标移出newMediaLoop时移除newMediaImgActive类
        $('.newMediaLoop').mouseleave(function () {
            $(this).find('.newMediaImg').removeClass('newMediaImgActive');
            $(this).removeClass('yuanJiao');
        });
    });

    loadCityWeather(''); // 57960
    initProvince();
</script>
<script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=4807" async="async" defer="defer"></script>
</body>

</html>